<template>
  <div>
    <div class="title">
      <span class="iconfont icon-left gobackIcon" @click="()=>{this.$router.go(-1)}"></span>
      <p>商家入驻</p>
    </div>
    <div class="cellList">
      <van-cell title="修改名称" is-link class="cellitems" to="/changeBusinessName">
        <div slot="icon" class="icons">
          <img src="https://gve.oss-cn-beijing.aliyuncs.com/2020/02/05/1580878789452.png" alt />
        </div>
      </van-cell>
      <van-cell title="修改简介" is-link class="cellitems" to="/changeIntroduction">
        <div slot="icon" class="icons">
          <img src="https://gve.oss-cn-beijing.aliyuncs.com/2020/02/05/1580878356098.png" alt />
        </div>
      </van-cell>
      <van-cell title="修改电话" is-link class="cellitems" to="/changeBusinessPhone">
        <div slot="icon" class="icons">
          <img src="https://gve.oss-cn-beijing.aliyuncs.com/2020/02/05/1580878809869.png" alt />
        </div>
      </van-cell>
      <van-cell title="修改头像" is-link class="cellitems" to="/changeBusinessAvator">
        <div slot="icon" class="icons">
          <img src="https://gve.oss-cn-beijing.aliyuncs.com/2020/02/05/1580878769311.png" alt />
        </div>
      </van-cell>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({})
};
</script>
<style lang="scss" scoped>
.title {
  margin: 0;
  padding: 10px 0;
  background: #0cbccb;
  color: #fff;
  .gobackIcon {
    border: 1px solid #0cbccb;
    position: absolute;
    left: 10px;
  }
  p {
    margin: 0;
    padding: 0;
    text-align: center;
  }
}
.cellList {
  .cellitems {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    .icons {
      margin-right: 10px;
      img {
        height: 30px;
      }
    }
  }
}
</style>